import Vue from 'vue'
import store from '@/store'

Vue.directive('access', {
  // 指令绑定的元素渲染完毕之后立刻执行
  inserted(el, binding) {
    // el：指令绑定的元素对象
    // binding：对象，属性 value 存放的是，指令等于号后面的表达式的值
    // console.log(el, binding.value)
    // 控制按钮显示隐藏的逻辑
    // 核心逻辑：以 binding.value 去 points 中找 如果找的到就是能显示，否则隐藏
    const points = store.state.user.points
    if (!points.includes(binding.value)) {
      // 隐藏按钮
      el.parentNode.removeChild(el) // 通过自己的父节点把自己删除 
    }
  }
})